<template>
  <a-input :placeholder="placeholder" :value="inputVal" @input="backValue"></a-input>
</template>

<script>
  const JINPUT_QUERY_LIKE = 'like'
  const JINPUT_QUERY_NE = 'ne'
  const JINPUT_QUERY_GE = 'ge' // 大于等于
  const JINPUT_QUERY_LE = 'le' // 小于等于

  export default {
    name: 'JInput',
    props: {
      value: {
        type: String,
        required: false
      },
      type: {
        type: String,
        required: false,
        default: JINPUT_QUERY_LIKE
      },
      placeholder: {
        type: String,
        required: false,
        default: ''
      },
      trim: {
        type: Boolean,
        required: false,
        default: false
      }
    },
    watch: {
      value: {
        immediate: true,
        handler: function() {
          this.initVal()
        }
      },
      // update-begin author:sunjianlei date:20200225 for:当 type 变化的时候重新计算值 ------
      type() {
        this.backValue({ target: { value: this.inputVal } })
      }
      // update-end author:sunjianlei date:20200225 for:当 type 变化的时候重新计算值 ------
    },
    model: {
      prop: 'value',
      event: 'change'
    },
    data() {
      return {
        inputVal: ''
      }
    },
    methods: {
      initVal() {
        if (!this.value) {
          this.inputVal = ''
        } else {
          let text = this.value
          switch (this.type) {
          case JINPUT_QUERY_LIKE:
            // 修复路由传参的值传送到jinput框被前后各截取了一位 #1336
            if (text.indexOf('*') != -1) {
              text = text.substring(1, text.length - 1)
            }
            break
          case JINPUT_QUERY_NE:
            text = text.substring(1)
            break
          case JINPUT_QUERY_GE:
            text = text.substring(2)
            break
          case JINPUT_QUERY_LE:
            text = text.substring(2)
            break
          default:
          }
          this.inputVal = text
        }
      },
      backValue(e) {
        let text = e.target.value
        if (text && this.trim === true) {
          text = text.trim()
        }
        switch (this.type) {
        case JINPUT_QUERY_LIKE:
          text = '*' + text + '*'
          break
        case JINPUT_QUERY_NE:
          text = '!' + text
          break
        case JINPUT_QUERY_GE:
          text = '>=' + text
          break
        case JINPUT_QUERY_LE:
          text = '<=' + text
          break
        default:
        }
        this.$emit('change', text)
      }
    }
  }
</script>

<style scoped>

</style>
